/* You can add global styles to this file, and also import other style files */

// Global Style
html,body{
            height:100%;
            width:150%;
            margin:0px;
            overflow-x:hidden
}
body{
            background-image: url(./assets/bg.svg);
}
a{
    color:#000;
    text-decoration:none;    
}
a:visited{
    color:#000;
}
li{
    list-style-type:none;
}
.header {
    background-color: #00bcd4;
    height:70px;
    color: #ffffff;
    padding: 5px;
}
.main-container{
    height:340px;
    overflow-y: scroll;
}
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.menu li {
    padding: 8px;
    margin-bottom: 7px;
    background-color :#33b5e5;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu li:hover {
    background-color: #0099cc;
}
.aside {
    background-color: #33b5e5;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.footer {
    // background-color: #0099cc;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}

// Components
.shadowbar{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)!important;
    margin-bottom:10px;
}
.float-left{
    float:left;
}


// Table Style
// Table Style
.table-controls{
    display: inline;
    .search-area{
        float:left
    }
    button,input,select {
        border: 1px solid #fff;
        border-radius: 5px;
        padding: 8px 10px;
        opacity: 0.6;
        background: #8bc34a;
        margin-right: 5px;
        outline: none;
    }
}


.md-table-controls{

        md-select{
            float: left;    
            margin-top: 36px;
        }
    
    .mat-mini-fab{
        margin-left:5px;
        margin-right:5px;
        margin-top:24px;
    }
}
